<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<!-- 使用UTF-8 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<!-- 设置移动终端可视区域 -->
		<meta content="telephone=no" name="format-detection">
		<!-- 禁止iPhone等手机自动将数字变成可点击的拨号连接 -->
		<title>列表详情</title>
		<link href="css/style.css" type="text/css" rel="stylesheet" />
		<link href="css/weui.css" type="text/css" rel="stylesheet" />
	</head>
	<body style="background: #F6F6F6;">
		<div class="detail" id="containerVue" v-cloak>
			<div class="headerView">
				<i onclick="closeView()">&#139;</i>
				<h1>"966588"查询系统</h1>
				<div></div>
			</div>
			<div class="title">{{info.name}}</div>
			<div class="cont">
				<div class="li" v-if="info.nature">
					<div class="left">工程性质</div>
					<div class="right">{{info.nature}}</div>
				</div>
				<div class="li">
					<div class="left">接件人姓名</div>
					<div class="right">{{info.busUserName}}</div>
				</div>
				<div class="li">
					<div class="left">接件人电话</div>
					<div class="right">{{info.contactPhone}}</div>
				</div>
				<div class="li">
					<div class="left">开始日期</div>
					<div class="right">{{info.startTime}}</div>
				</div>
				<div class="li">
					<div class="left">计划完成日期</div>
					<div class="right">{{info.planCompletedTime}}</div>
				</div>
				<div class="li">
					<div class="left">项目节点</div>
					<div class="right">
						<span v-if="info.projectNode == null">未进场</span>
						<span v-else-if="info.projectNode == 0">资料准备和外业生产</span>
						<span v-else-if="info.projectNode == 1">内业生产</span>
						<span v-else-if="info.projectNode == 2">成果质检</span>
						<span v-else-if="info.projectNode == 3">领取报告</span>
					</div>
				</div>
				<div class="li">
					<div class="left">委托联系人</div>
					<div class="right">{{info.wtr}}</div>
				</div>
				<div class="li">
					<div class="left">联系电话</div>
					<div class="right">{{info.wtlxr}}</div>
				</div>
				<div class="li">
					<div class="left">委托单位</div>
					<div class="right">{{info.wtdw}}</div>
				</div>
			</div>
		</div>
		<script src="script/jquery-3.5.js"></script>
		<script src="script/vue.js"></script>
		<script src="script/api.js"></script>
		<script src="script/ajax.js"></script>
		<script>
			var app = new Vue({
				el: '#containerVue',
				data: {
					info: JSON.parse(sessionStorage.getItem('indexInfo')), // 详情信息
				},
				created() {
					
				},
				watch: {},
				methods: {
					
				}
			})
		</script>
	</body>
</html>
